<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<meta name="robots" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>通知详情</title>
	<link href="/css/nice-select.css" rel="stylesheet">
	<link href="/css/jquery.dataTables.min.css" rel="stylesheet">
	<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
	<div class="d-flex align-items-center mb-4 flex-wrap mt-4">
		<h4 class="fs-20 font-w600 me-auto">通知详情</h4>
		<div>
			<a href="/user/notification" class="btn btn-primary me-3 btn-sm">
				<i class="fas fa-arrow-left me-2"></i>返回列表
			</a>
		</div>
	</div>
	<div class="row">
		<div class="col-xl-12">
			<div class="card">
				<div class="card-header border-0 pb-0">
					<h4 class="fs-20 mb-0" th:text="${notification.title}">通知标题</h4>
				</div>
				<div class="card-body pt-4">
					<div class="mb-3">
						<h5 class="mb-1 fs-14">通知级别：</h5>
						<span th:text="${notification.level == 1 ? '管理员' :
                            notification.level == 2 ? '求职者' :
                            notification.level == 3 ? '招聘者' :
                            notification.level == 4 ? '公共' : '未知'}"></span>
					</div>
					<div class="mb-3">
						<h5 class="mb-1 fs-14">通知类型：</h5>
						<span th:text="${notification.type == 1 ? '重要通知' : '普通通知'}"></span>
					</div>
					<div class="mb-3">
						<h5 class="mb-1 fs-14">创建时间：</h5>
						<span th:text="${#temporals.format(notification.createTime, 'yyyy-MM-dd HH:mm')}"></span>
					</div>
					<div class="mb-3">
						<h5 class="mb-1 fs-14">通知内容：</h5>
						<div class="p-3 bg-light rounded" th:text="${notification.content}">
							通知详细内容...
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="/js/global.min.js"></script>
<script src="/js/jquery.nice-select.min.js"></script>
</body>
</html>